(function () {
  let myChart = echarts.init(document.querySelector('.quarter .gauge'));

  let option = {
    series: [
      {
        name: '季度',
        type: 'pie',
        //起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
        startAngle: 0,
        hoverAnimation: false, // 开启hover放大效果
        // tooltip: {},
        radius: ['130%', '110%'],
        center: ['50%', '70%'],
        labelLine: {
          normal: {
            show: false,
          },
        },
        data: [
          {
            value: 300,
            itemStyle: {
              normal: {
                color: 'rgba(80,150,224,0)',
              },
            },
          },
          {
            value: 225, // 渐变色部分
            itemStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: '#00fffb' }, // 0 起始颜色
                { offset: 1, color: '#0061ce' }, // 1 结束颜色
              ]),
            },
          },
          {
            value: 75, // 右侧部分
            itemStyle: {
              normal: {
                color: '#12274d',
              },
            },
          },
        ],
      },
    ],
  };
  myChart.setOption(option);
  window.addEventListener('resize', function () {
    myChart.resize();
  });
})();
